<template>
	<app-live-rank-table :options="tableOptions" :data="listData"></app-live-rank-table>
</template>

<script setup lang="ts">
import { ref, computed } from 'vue'
import appLiveRankTable from './app-live-rank-table/index.vue'
import { TableOptions } from '@/components/up'

const tableOptions = computed<TableOptions[]>(() => [
	{
		prop: 'game',
		textT: 'app.rank.game',
		type: 'game'
	},
	{
		prop: 'date',
		textT: 'app.rank.date'
	},
	{
		prop: 'betAmount',
		textT: 'app.rank.betAmount',
		align: 'right',
		type: 'amount'
	},
	{
		prop: 'odds',
		textT: 'app.rank.odds',
		align: 'right'
	},
	{
		prop: 'payout',
		textT: 'app.rank.payout',
		align: 'right',
		type: 'amount'
	}
])

const listData = ref([
	{
		game: '21点',
		src: 'blackjack',
		date: '12:32 PM 31-7-2024',
		betAmount: 1288900.55789011,
		odds: '0.00x',
		payout: 0,
		currency: 'USDT'
	},
	{
		game: '21点',
		src: 'blackjack',
		date: '12:32 PM 31-7-2024',
		betAmount: 8.55789011,
		odds: '--',
		payout: 0,
		currency: 'BTC'
	},
	{
		game: 'Salon Prive Blackjack VIP',
		src: 'blackjack',
		date: '12:32 PM 31-7-2024',
		betAmount: 0.55789011,
		odds: '25000.00x',
		payout: 13947.25275,
		currency: 'ETH'
	},
	{
		game: 'Limbo',
		src: 'blackjack',
		date: '12:32 PM 31-7-2024',
		betAmount: 1288900.55789011,
		odds: '0.00x',
		payout: 0,
		currency: 'USDT'
	},
	{
		game: 'Sugar Supreme Powernudge',
		src: 'blackjack',
		date: '12:32 PM 31-7-2024',
		betAmount: 8.55789011,
		odds: '0.00x',
		payout: 0,
		currency: 'BTC'
	},
	{
		game: '龙虎xxxxx',
		src: 'blackjack',
		date: '12:32 PM 31-7-2024',
		betAmount: 0.55789011,
		odds: '0.00x',
		payout: 0,
		currency: 'ETH'
	},
	{
		game: '游戏名称',
		src: 'blackjack',
		date: '12:32 PM 31-7-2024',
		betAmount: 1288900.55789011,
		odds: '2.00x',
		payout: 2577801.11578022,
		currency: 'USDT'
	}
])
</script>
